<template>
  <div class="demo">
     <h2>学校名称:{{ schoolName }}</h2>
     <h2>学校地址:{{ schooleAddress }}</h2>
     <button @click="showName">点我提示学校名</button>
   </div>
</template>

<script>
export default {
    name:"School",  //和vue-devtools工具展示的名称保持一致
    data:function(){
        return {
            schoolName:'武汉科技大学',
            schooleAddress:"武汉市武昌区"
        }
    },
    methods:{
        showName(){
            alert(this.schoolName)
        }
    }
}
</script>

<style>
.demo{
    background-color: rgb(235, 131, 5);
}

</style>